<script>
export default {
  name: 'my-tab',
  props: {
    msg: String,
    type: {
      type: String,
      default: () => 'primary'
    },
  },
  render(h) {
    const colorMap = {
      info: '#909399',
      danger: '#F56C6C',
      warning: '#E6A23C',
      success: '#67C23A',
      primary: '#409EFF'
    }
    return h('span', {
      style: {
        '--BaseColor': colorMap[this.type],
      },
      class: ['h','red']
    }, [h('i', {
      class: ""
    }), this.msg])
  }
}
</script>
<style scoped>
.h {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--BaseColor);
  border-radius: 4px;
  font-size: 12px;
  line-height: 32px;
  white-space: nowrap;
  color: var(--BaseColor);
  /*background: var(--BaseColor);*/
}
</style>

